<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>

    <title>会员升班</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta th:content="${session.authorities}" id="authority"/>

    <link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/style.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" href="/media/css/select2_metro.css"/>

    <link rel="stylesheet" type="text/css" href="/media/css/chosen.css"/>

    <link rel="shortcut icon" href="/media/image/favicon.ico"/>
<style>
    .chzn-container,.chzn-drop{
        width: 300px !important;
    }
    .chzn-search input{
        width: 270px !important;
    }
</style>
</head>

<body>
<div class="row-fluid" style="margin-left:-10px;margin-top:10px;">
    <div class="span12">
        <div class="portlet" id="form_wizard">
            <div class="portlet-body form">
                <form action="#" method="POST" class="form-horizontal"
                      id="student_upgrade_form">
                    <input type="hidden" name="studentId" th:value="${student.id}"/>
                    <input type="hidden" name="beforeCourseId" th:value="${currentCourse.id}"/>
                    <div class="form-wizard">
                        <div class="control-group">
                            <label class="control-label">学员姓名<span
                                    class="required">*</span></label>
                            <div class="controls">
                                <span class="help-inline" th:text="${student.stuName}">小雪</span>
                            </div>
                        </div>
                        <div class="control-group ">
                            <label class="control-label">当前班级</label>
                            <div class="controls">
                                <span class="help-inline" th:text="${currentCourse.courseName}">中国象棋班</span>
                            </div>
                        </div>
                        <div class="control-group">

                            <label class="control-label">升级班级:</label>
                            <div class="controls">

                                <select id="select_class_course" data-placeholder="选择班级"
                                        class="chosen span12" tabindex="6"
                                        name="afterCourseId">
                                    <option value="0">请选择</option>

                                    <optgroup th:each="series:${seriesVos}" th:attr="label=${series.courseSeriesName}" >
                                        <option th:value="${course.id}" th:each="course:${series.courses}" th:text="${course.courseName}">PHP少年编程班</option>
                                    </optgroup>
                                </select>

                            </div>
                        </div>

                        <div class="control-group ">
                            <label class="control-label">备注</label>
                            <div class="controls">
                                <textarea class="span8 m-wrap" id="txtRemark" rows="4" name="remark"></textarea>
                                <span class="help-inline"></span>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

<script src="/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/media/js/chosen.jquery.min.js"></script>
<script src="/media/js/app.js"></script>

<script>
    jQuery(document).ready(function () {

        App.init();

    });
</script>


</body>

<!-- END BODY -->

</html>